.mypet{
  width: 100%;
  background-color: #f7f8fa;
  height: 100vh;
  .box1{
    background: linear-gradient(to bottom, #62c8ba, #f7f8fa);
    height: 90rpx;
    line-height: 90rpx;
    color: #fff;
    text-align: center;
    display: flex;
    padding: 0 30rpx 40rpx 30rpx;
    .box11{
      width: 85%;
    }
  }
  .mypet-box{
    width: 95%;
    margin: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    .mypet-item{
      width: 48%;
      margin-bottom: 20rpx;
      background-color: white;
      border-radius: 15rpx;
      .mypet-item-image{
        width: 100%;
        image{
          width: 100%;
          height: 300rpx;
          border-top-left-radius: 15rpx;
          border-top-right-radius: 15rpx;
        }
      }
      .mypet-item-text{
        width: 95%;
        margin: auto;
        font-size: 40rpx;
      }
      .mypet-item-t{
        width: 95%;
        margin: auto;
      }
    }
  }
  .mypet-but{
    width: 90%;
    margin-left: 5%;
    position: fixed;
    bottom: 5%;
  }
}